<!-- 添加品类 -->
<template>
  <div class="page">
    <el-dialog title="添加行业" :visible.sync="show" @closed="handleClosed">
      <el-row gutter="15">
        <el-col :span="8">
          <el-input class="input-item" placeholder="请输入行业名称"></el-input>
        </el-col>
        <el-col :span="8">
          <el-input class="input-item" placeholder="请输入二级类目名称"></el-input>
        </el-col>
        <el-col :span="8">
          <el-button type="success" @click>完成</el-button>
        </el-col>
      </el-row>

      <el-table :data="list" max-height="350">
        <el-table-column prop="hymc" label="行业"></el-table-column>
        <el-table-column prop="ejlm" label="二级类目"></el-table-column>
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button type="text" @click>编辑</el-button>
            <el-button type="text" @click>删除</el-button>
          </template>
        </el-table-column>
      </el-table>

      <el-pagination
        class="pagination"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage4"
        :page-sizes="[100, 200, 300, 400]"
        :page-size="100"
        layout="total, sizes, prev, pager, next, jumper"
        :total="400"
      ></el-pagination>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: ["show"],
  mounted() {},
  data() {
    return {
        list:[
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
            {"hymc":200,"ejlm":100},
        ],
    };
  },
  methods: {
    handleClosed() {
      this.$emit("closed");
    },
    handleUpload() {
      alert("11111111");
    }
  }
};
</script>


<style scoped>
.body {
  display: flex;
  flex-direction: row;
}
.input-item {
  margin-bottom: 10px;
  width: 100%;
  font-weight: normal;
}
.input-done-btn {
  margin-left: 0;
  width: 100%;
}
.pagination {
  margin-top: 15px;
}
</style>